.mainw {
    width: 1200px;
    margin:  0 auto;
    display: block;
    overflow: visible;
    position: relative;
}

.just {
    display: flex;
    flex-wrap:  nowrap;
    justify-content:  space-around;
    justify-content:   space-between;
}

.just  img {
    max-width: 100%;
}


a {
    color:  inherit;
}
 

#top {
    background: url(/static/yuxiang/top.png) top center;
    position: relative;
    height: 127px;
    z-index: 999999;
}

#top  .mainw {
    width: 1300px;
    margin:  0 auto;
    display: flex;
    /*justify-content:  center;*/
    align-items: center;
    justify-content:  space-between;
}


#top  .mainw  .nav a {
    line-height: 104px;
    padding:  0 20px;
    display: inline-block;
}
#top  .mainw  .nav a:first-child , 
#top  .mainw  .nav a:hover {
    border-bottom: 2px solid #095bc4;
}

#top  .mainw  .tel {
    background: url(/static/yuxiang/top-tel.png) left center  no-repeat;
    padding-left: 30px;
    color: #d50c15;
    font-weight: bold;
}




#banner {
    position: relative;
    top: -20px;
}

#home-zhuying {
    background: #e6e6e6;
    color: #333;
    line-height: 3em;
    margin-top: -10px;
}


.mtitle {
    display: block;
    text-align: center;
    background: url(/static/yuxiang/mtitle.png) center no-repeat;
    height: 172px;
    
}

.mtitle  h3 {
    padding-top: 42px;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 10px;
}


.mtitle  p {
        font-size: 20px;
 color: #97999e;
 font-weight: bold;
 text-transform: uppercase;
}


#home-pro {
    
}



#home-pro .con {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 30px;
    margin-bottom: 30px;
}


#home-pro .con  a {
    border-top-right-radius: 80px;
    overflow: hidden;
    margin-bottom: 10px;
    width: 386px;
    font-size: 0;
}


#home-pro .con  a  .img p {
    background: url(/static/yuxiang/pro-p.jpg);
    line-height: 41px;
    font-size: 16px;
    color: white;
    padding-left: 10px;
    box-sizing: border-box;
}
#home-pro .con  a  .img  img {
    width: 100%;
}


#home-pro .con  a  h3 {
 text-align: center;
 line-height: 1.6em;
 font-size: 16px;
 font-weight: bold;
}




#home-about {
    background: url(/static/yuxiang/home-about.jpg) top center no-repeat;
    height: 681px;
    padding-top: 30px;
    box-sizing: border-box;
}

#home-about .con {
    position: relative;
    overflow: visible;
}


#home-about .con .bj {
    display: inline-block;
    line-height: 2.2em;
    padding: 0 20px;
    background: #498bdc;
    color: white;
    border-radius: 30px;
    position: absolute;
    top: -60px;
    right: 45px;
}


#home-about .con .con {
      display: inline-block;
    line-height: 2.2em;
    padding: 0 20px;
    background: white;
       background: #ffffffd4;
    color: #333;
    border-radius: 30px;
    position: absolute;
    left: 30px;
    top: 45px;
    width: 555px;
    height: 334px;
    line-height: 1.8;
    color: #000;
    border-bottom-right-radius: 100px;
}



#home-about .con .con  h3 {
    text-align: center;
    color:  #3678d2;
    font-size: 1.5em;
}


#home-about .con .con a {
    display: inline-block;
    padding: 5px 40px;
    color: white;
    background: #3772ff;
    border-radius: 20px;
    float: right;
    margin-right: 30px;
    flex-grow: 1;
    text-align: center;
}


#home-lingyu {
    
}

#home-lingyu  .h2{
    font-size: 2em;
    text-align: center;
    font-weight: bold;
    line-height: 3.4em;
    text-align: center;
    display: block;
}

#home-lingyu .mainw {
    display: flex;
    justify-content:  space-between;
}

#home-lingyu .mainw a {
    flex-grow: 1;
    text-align: center;
}


#home-lingyu .mainw a  p {
    line-height: 2em;
}



#home-case {
    background: #edeceb;
    padding-top: 30px;
    margin-bottom: 40px;
    margin-top: 40px;
}


#home-case .top {
    display: flex;
    justify-content:  flex-start;
    align-items: center;
}

#home-case .top h3 {
    padding-top: 10px;
}

#home-case .top .mtitle {
    width: 200px;
}
#home-case .top .text {
    margin-left: 20px;
    font-size: 14px;
}



#caseshow {
    margin-top: 30px;
    padding-bottom: 20px;
}


#caseshow  .swiper-slide {
    display: flex;
    flex-wrap:  nowrap;
    justify-content:  space-between;
    align-items: center;
}


#caseshow  .swiper-slide  .img {
    width: 700px;
    flex-grow: 0;
}

#caseshow  .swiper-slide  .img  img ,
#caseshow  .swiper-slide  .img video {
    width: 100%;
    height: auto;
    border-radius: 40px;
}

#caseshow  .swiper-slide  .info {
    width: 460px;
        flex-grow: 0;
}

#caseshow  .swiper-slide  .info h3 {
    font-size: 24px;
    color: #0d388f;
    font-weight: bold;
    text-align: center;
    line-height: 2.4em;
}

#caseshow  .swiper-slide  .info p {
    margin-bottom: 20px;
    line-height: 1.7em;
        max-width: 385px;
            text-align: justify;
}

#caseshow  .swiper-slide .u {
 
        font-weight: bold;
        line-height: 2em;
        display: flex;
        
}
#caseshow    .swiper-slide .u .k  {
          font-weight: bold;
                  color: #0d388f;
}

#caseshow   .more {
    margin-bottom: 10px;
    margin-top: 20px;
}
 

#caseshow   .more span  {
    display: inline-block;
    padding: 8px 40px;
    background: #426ab1;
    color: white;
    border-radius: 20px;
    border: 4px solid #a7cfeb;
    font-size: 18px;
}
 



#home-news {
    /*margin: 40px auto;*/
}

#home-news .qyxw {
    display: flex;
    flex-wrap:  nowrap;
    justify-content:  space-between;
}


#home-news .qyxw  > a {
    width: 380px;
    margin-top: 30px;
    font-size: 0;
}


#home-news .qyxw  > a .img {
    position: relative;
    /*padding: 20px;*/
}

#home-news .qyxw  > a .img img {
    width: 100%;
    height:  auto;
}


#home-news .qyxw  > a .img .desc {
    position: absolute;
    left: 0;
    top:  0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, 0.6);
    color: white;
    box-sizing: border-box;
    padding: 20px;
    display: none;
    padding-top: 40px;
    line-height: 2em;
      font-size: 14px;
}


/*
#home-news .qyxw  > a:first-child .desc ,
*/
#home-news .qyxw  > a:hover .desc {
    display: block;
}

#home-news .qyxw  > a .img .desc p {
    line-height: 1.7;
}

#home-news .qyxw  > a .img .desc span {
    display: block;
    line-height: 2em;
}

#home-news .qyxw  > a h3 {
    background: #ffb900;
    color: white;
    text-align: center;
    line-height: 2.6em;
    margin:  0;
    font-size: 16px;
}




#home-news .hyzs {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}



#home-news .hyzs a {
    width: 49%;
    margin-bottom: 30px;
    background: #e6e6e6   url(/static/yuxiang/news-dot.png)  no-repeat right bottom;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    justify-content:  space-around;
    padding: 10px;
    box-sizing: border-box;
}

#home-news .hyzs a .img {
    width: 32%;
    
}

#home-news .hyzs a .img  img {
    width: 100%;
}
#home-news .hyzs a .info {
    width: 63%;
    
}




#home-news .hyzs a .info h3 {
    font-size: 18px;
    font-weight: normal;
}

#home-news .hyzs a .info p {
    color: #5a5958;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.5em;
}





#links {
    margin: 10px 0;
}


#links span  {
    color: #ee0000;
    font-weight: bold;
}


#links span  b {
    color: black;
}







#links  a {
    padding:  0 7px;
    display: inline-block;
}











#footer {
    background: #f2f1f1;
}


#footer  .mainw {
    background: url(/static/yuxiang/footer-logo.png) top center no-repeat;
    display: flex;
    flex-wrap: nowrap;
    justify-content:  space-between;
    padding-top: 100px;
}

#footer  .mainw  h3 {
    border-bottom: 1px solid #ccc;
    line-height: 2em;
}

#footer  .mainw .one {
    line-height: 50px;
}
#footer  .mainw .one  p {
    padding-left: 50px;
}
#footer  .mainw .one .address {
    background: url(/static/yuxiang/footer-address.png) left center no-repeat;
}
#footer  .mainw .one .email {
    background: url(/static/yuxiang/footer-email.png) left center no-repeat;
}

#footer  .mainw .one .hotline {
    background: url(/static/yuxiang/footer-hotline.png) left center no-repeat;
}

#footer  .mainw .one .qq {
    background: url(/static/yuxiang/footer-qq.png) left center no-repeat;
}


#footer  .mainw .ewm {
    padding-top: 80px;
    position: relative;
    position: relative;
    left: 60px;
        text-align: center;
}

#footer  .mainw .ewm .tel {
    color: #c79205;
    font-size: 28px;
    background: url(/static/yuxiang/footer-tel.png) left center no-repeat;
    height: 70px;
    padding-left: 60px;
    padding-top: 50px;
}


#footer   form tr {
    line-height: 2.6em;
}


#footer form .submit {
    background: #ffb900;
    color: white;
    line-height: 1.6em;
    padding: 0 20px;
}



#footer .cp {
    background: #2c3a67;
    text-align: center;
    color: white;
    line-height: 2.4em;
}












#yunqi {
    position: fixed;
    right: 30px;
    top: 300px;
	    z-index: 9999999999;
}

#yunqi .item {
    position: relative;
    height: 52px;
    margin-bottom: 8px;
    display: block;
}

#yunqi .item-5 {
    right: 6px;
}

#yunqi .item  .img {
    position: absolute;
    top: 0;
    right: 0;
}

#yunqi .item .con {
    width: auto;
    position: absolute;
    padding: 15px 20px;
    top:  0;
       display: block;
    right: 80px;
    white-space: nowrap;
        background-color: rgba(51, 68, 115, 0.79);
    
  opacity: 0.561;
  color: white;
  display: none;

  
}

#yunqi .item:hover .con {
    display: block;
    
}

#yunqi .item  .con:after  {
    border-top: 10px solid transparent;
    border-left: 10px solid rgba(51, 68, 115, 0.79);
    border-bottom: 10px solid transparent;
    content: "  ";
    position: absolute;
    top: 10px;
    right: -10px;
 
}